<div class="container">
    <div class="row"></div>
    <!-- nav -->
    <div class="row" ng-show="vm.nav.length>0">
        <nav>
            <div class="nav-wrapper">
                <div class="col s12">
                    <a href="javascript:void(0)" class="breadcrumb" ng-repeat="nav in vm.nav track by $index" ng-click="nav.handel()">{{nav.text}}</a>
                </div>
            </div>
        </nav>
    </div>
    <!-- 达人 -->
    <div class="row" ng-show="vm.tab == 'daren'">
        <div class="col s12">
            <daren-list-component></daren-list-component>
        </div>
    </div>
    <!-- 达人的合作店铺 -->
    <div class="row" ng-show="vm.tab == 'darenShop'">
        <div class="col s12">
            <daren-shop-component></daren-shop-component>
        </div>
    </div>

    <!-- 商品 -->
    <div class="row" ng-show="vm.tab == 'darenShopProd'">
        <div class="col s12">
            <table-shop-prods component-id="'shopProduct'"></table-shop-prods>
        </div>
    </div>

    <!-- 达人帖子 -->
    <div class="row" ng-show="vm.tab == 'darenTie'">
        <div class="col s12">
            <daren-tie-component></daren-tie-component>
        </div>
    </div>
    <!-- 帖子里的宝贝 -->
    <div class="row" ng-show="vm.tab == 'darenTieProduct'">
        <div class="col s12">
            <daren-tie-product-component></daren-tie-product-component>
        </div>
    </div>
</div>
